<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <title>Majestic Admin</title>
    <link href="vendors/mdi/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="vendors/base/vendor.bundle.base.css" rel="stylesheet">
    <link href="vendors/datatables.net-bs4/dataTables.bootstrap4.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="images/favicon.png" rel="shortcut icon"/>
    <link href="./css/layui.css" rel="stylesheet">
</head>

<body>
<div class="container-scroller">
    <div id="proBanner" class="row p-0 m-0 proBanner">
        <div class="col-md-12 p-0 m-0">
            <div class="card-body card-body-padding d-flex align-items-center justify-content-between">
                <div class="ps-lg-1">
                    <div class="d-flex align-items-center justify-content-between">
                        <p class="mb-0 font-weight-medium me-3 buy-now-text">Free 24/7 customer support, updates, and
                            more with
                            this template!</p>
                        <a class="btn me-2 buy-now-btn border-0"
                           href="https://www.bootstrapdash.com/product/majestic-admin-pro/?utm_source=organic&utm_medium=banner&utm_campaign=buynow_demo"
                           target="_blank">Get Pro</a>
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-between">
                    <a href="https://www.bootstrapdash.com/product/majestic-admin-pro/"><i
                            class="mdi mdi-home me-3 text-white"></i></a>
                    <button id="bannerClose" class="btn border-0 p-0">
                        <i class="mdi mdi-close text-white me-0"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- partial:partials/_navbar.html -->
    <nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
        <div class="navbar-brand-wrapper d-flex justify-content-center">
            <div class="navbar-brand-inner-wrapper d-flex justify-content-between align-items-center w-100">
                <a class="navbar-brand brand-logo" href="./index.html">智慧门店</a>
                <a class="navbar-brand brand-logo-mini" href="./index.html">智慧门店</a>
                <button class="navbar-toggler navbar-toggler align-self-center" data-toggle="minimize"
                        type="button">
                    <span class="mdi mdi-sort-variant"></span>
                </button>
            </div>
        </div>
        <div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">
            <ul class="navbar-nav mr-lg-4 w-100">
                <li class="nav-item nav-search d-none d-lg-block w-100">
                    <div class="input-group">
                        <div class="input-group-prepend">
                <span id="search" class="input-group-text">
                  <i class="mdi mdi-timelapse"></i>
                </span>
                        </div>
                        <div class="p-2">
                            幸福门店 -- 2023/10/27 星期五
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="navbar-nav navbar-nav-right">
                <li class="nav-item dropdown me-1">
                    <a id="messageDropdown"
                       class="nav-link count-indicator dropdown-toggle d-flex justify-content-center align-items-center"
                       data-bs-toggle="dropdown" href="#">
                        <i class="mdi mdi-message-text mx-0"></i>
                        <span class="count"></span>
                    </a>
                    <div aria-labelledby="messageDropdown" class="dropdown-menu dropdown-menu-right navbar-dropdown">
                        <p class="mb-0 font-weight-normal float-left dropdown-header">Messages</p>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <img alt="image" class="profile-pic" src="images/faces/face4.jpg">
                            </div>
                            <div class="item-content flex-grow">
                                <h6 class="ellipsis font-weight-normal">David Grey
                                </h6>
                                <p class="font-weight-light small-text text-muted mb-0">
                                    The meeting is cancelled
                                </p>
                            </div>
                        </a>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <img alt="image" class="profile-pic" src="images/faces/face2.jpg">
                            </div>
                            <div class="item-content flex-grow">
                                <h6 class="ellipsis font-weight-normal">Tim Cook
                                </h6>
                                <p class="font-weight-light small-text text-muted mb-0">
                                    New product launch
                                </p>
                            </div>
                        </a>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <img alt="image" class="profile-pic" src="images/faces/face3.jpg">
                            </div>
                            <div class="item-content flex-grow">
                                <h6 class="ellipsis font-weight-normal"> Johnson
                                </h6>
                                <p class="font-weight-light small-text text-muted mb-0">
                                    Upcoming board meeting
                                </p>
                            </div>
                        </a>
                    </div>
                </li>
                <li class="nav-item dropdown me-4">
                    <a id="notificationDropdown"
                       class="nav-link count-indicator dropdown-toggle d-flex align-items-center justify-content-center notification-dropdown"
                       data-bs-toggle="dropdown" href="#">
                        <i class="mdi mdi-bell mx-0"></i>
                        <span class="count"></span>
                    </a>
                    <div aria-labelledby="notificationDropdown"
                         class="dropdown-menu dropdown-menu-right navbar-dropdown">
                        <p class="mb-0 font-weight-normal float-left dropdown-header">Notifications</p>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <div class="item-icon bg-success">
                                    <i class="mdi mdi-information mx-0"></i>
                                </div>
                            </div>
                            <div class="item-content">
                                <h6 class="font-weight-normal">Application Error</h6>
                                <p class="font-weight-light small-text mb-0 text-muted">
                                    Just now
                                </p>
                            </div>
                        </a>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <div class="item-icon bg-warning">
                                    <i class="mdi mdi-settings mx-0"></i>
                                </div>
                            </div>
                            <div class="item-content">
                                <h6 class="font-weight-normal">Settings</h6>
                                <p class="font-weight-light small-text mb-0 text-muted">
                                    Private message
                                </p>
                            </div>
                        </a>
                        <a class="dropdown-item">
                            <div class="item-thumbnail">
                                <div class="item-icon bg-info">
                                    <i class="mdi mdi-account-box mx-0"></i>
                                </div>
                            </div>
                            <div class="item-content">
                                <h6 class="font-weight-normal">New user registration</h6>
                                <p class="font-weight-light small-text mb-0 text-muted">
                                    2 days ago
                                </p>
                            </div>
                        </a>
                    </div>
                </li>
                <li class="nav-item nav-profile dropdown">
                    <a id="profileDropdown" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">
                        <img alt="profile" src="images/faces/face5.jpg"/>
                        <span class="nav-profile-name">小陈努力工作</span>
                    </a>
                    <div aria-labelledby="profileDropdown" class="dropdown-menu dropdown-menu-right navbar-dropdown">
                        <a class="dropdown-item">
                            <i class="mdi mdi-settings text-primary"></i>
                            设置
                        </a>
                        <a class="dropdown-item">
                            <i class="mdi mdi-logout text-primary"></i>
                            退出系统
                        </a>
                    </div>
                </li>
            </ul>
            <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" data-toggle="offcanvas"
                    type="button">
                <span class="mdi mdi-menu"></span>
            </button>
        </div>
    </nav>
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
        <!-- partial:partials/_sidebar.html -->
        <nav id="sidebar" class="sidebar sidebar-offcanvas">
            <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link"
                       href="hsdajdjasdjasndja.html">
                        <i class="mdi mdi-home menu-icon"></i>
                        <span class="menu-title">  仪表盘</span>
                    </a>
                </li>

                <li class="nav-item">
                    <a aria-controls="ui-store" aria-expanded="false" class="nav-link" data-bs-toggle="collapse"
                       href="#ui-store">
                        <i class="mdi mdi-store menu-icon"></i>
                        <span class="menu-title">门店基本信息</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div id="ui-store" class="collapse">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item"><a class="nav-link" href="./pages/store/store.html">门店管理</a></li>
                            <li class="nav-item"><a class="nav-link" href="./pages/store/branch.html">分店管理</a></li>
                            <li class="nav-item"><a class="nav-link" href="./pages/store/device.html">设备管理</a></li>
                            <li class="nav-item"><a class="nav-link" href="./pages/store/storeCode.html">二维码管理</a>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="./pages/store/package.html">套餐卡管理</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a aria-controls="ui-staff" aria-expanded="false" class="nav-link" data-bs-toggle="collapse"
                       href="#ui-staff">
                        <i class="mdi mdi-account-outline menu-icon"></i>
                        <span class="menu-title">员工管理</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div id="ui-staff" class="collapse">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item"><a class="nav-link" href="./pages/staff/role.html">角色管理</a></li>
                            <li class="nav-item"><a class="nav-link" href="./pages/staff/department.html">部门管理</a>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="./pages/staff/clerk.html">员工管理</a></li>
                            <li class="nav-item"><a class="nav-link" href="./pages/staff/rule.html">权限管理</a></li>

                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./pages/member/member.html">
                        <i class="mdi mdi-chart-pie menu-icon"></i>
                        <span class="menu-title">会员管理</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a aria-controls="ui-reservation" aria-expanded="false" class="nav-link" data-bs-toggle="collapse"
                       href="#ui-reservation">
                        <i class="mdi mdi-store menu-icon"></i>
                        <span class="menu-title">预约管理</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div id="ui-reservation" class="collapse">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item"><a class="nav-link"
                                                    href="./pages/reservation/type.html">预约类型管理</a></li>
                            <li class="nav-item"><a class="nav-link"
                                                    href="./pages/reservation/scheduling.html">排班表管理</a></li>
                            <li class="nav-item"><a class="nav-link"
                                                    href="./pages/reservation/resrecord.html">预约记录</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a aria-controls="ui-conditioning" aria-expanded="false" class="nav-link" data-bs-toggle="collapse"
                       href="#ui-conditioning">
                        <i class="mdi mdi-emoticon menu-icon"></i>
                        <span class="menu-title">调理管理</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div id="ui-conditioning" class="collapse">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item"><a class="nav-link"
                                                    href="./pages/conditioning/projectClass.html">项目分类</a></li>
                            <li class="nav-item"><a class="nav-link"
                                                    href="./pages/conditioning/project.html">项目管理</a></li>
                            <li class="nav-item"><a class="nav-link"
                                                    href="./pages/conditioning/conditioning.html">调理列表</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a aria-controls="auth" aria-expanded="false" class="nav-link" data-bs-toggle="collapse"
                       href="#auth">
                        <i class="mdi mdi-account menu-icon"></i>
                        <span class="menu-title">收费管理</span>
                        <i class="menu-arrow"></i>
                    </a>
                    <div id="auth" class="collapse">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item"><a class="nav-link" href="pages/charge/charge.html"> 流水 </a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./pages/finance/finance.html">
                        <i class="mdi mdi-file-document-box-outline menu-icon"></i>
                        <span class="menu-title">财务统计</span>
                    </a>
                </li>
            </ul>
        </nav>

        <!-- partial -->
        <div class="main-panel">
            <div class="content-wrapper">
                <div class="row">
                    <div class="col-md-12 grid-margin">
                        <div class="d-flex justify-content-between flex-wrap">
                            <div class="d-flex align-items-end flex-wrap">
                                <div class="me-md-3 me-xl-5">
                                    <h2>欢迎回来</h2>
                                    <p class="mb-md-0">陈先生</p>
                                </div>
                                <div class="d-flex">
                                    <i class="mdi mdi-home text-muted hover-cursor"></i>
                                    <p class="text-muted mb-0 hover-cursor">&nbsp;/&nbsp;基本信息&nbsp;/&nbsp;</p>
                                    <p class="text-primary mb-0 hover-cursor">门店管理</p>
                                </div>
                            </div>
                            <div class="d-flex justify-content-between align-items-end flex-wrap gap-2">
                                <div class="bg-white rounded  ">
                                    <input id="indexTime" class="  form-control-sm"
                                           style="border-color: white" type="date" value="1608518099000">
                                </div>

                                <button class="btn btn-primary mt-2 mt-xl-0 text-white">选择门店</button>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-md-12 grid-margin stretch-card">
                        <div class="card">
                            <div class="card-body dashboard-tabs p-0">
                                <ul class="nav nav-tabs px-4" role="tablist">
                                    <li class="nav-item">
                                        <a id="overview-tab" aria-controls="overview" aria-selected="true"
                                           class="nav-link active" data-bs-toggle="tab"
                                           href="#overview" role="tab">会员</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="sales-tab" aria-controls="sales" aria-selected="false" class="nav-link"
                                           data-bs-toggle="tab"
                                           href="#sales" role="tab">预约</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="purchases-tab" aria-controls="purchases" aria-selected="false"
                                           class="nav-link"
                                           data-bs-toggle="tab"
                                           href="#purchases" role="tab">财务</a>
                                    </li>
                                </ul>
                                <div class="tab-content py-0 px-0">
                                    <div id="overview" aria-labelledby="overview-tab" class="tab-pane fade show active"
                                         role="tabpanel">
                                        <div class="d-flex flex-wrap justify-content-xl-between">
                                            <div
                                                    class="d-none d-xl-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-calendar-heart icon-lg me-3 text-primary"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">总会员数</small>
                                                    <div class="dropdown">
                                                        <a id="dropdownMenuLinkA"
                                                           aria-expanded="false" aria-haspopup="true"
                                                           class="btn btn-secondary  p-0 bg-transparent border-0 text-dark shadow-none font-weight-medium"
                                                           data-bs-toggle="dropdown"
                                                           href="#" role="button">
                                                            <h5 class="mb-0 d-inline-block">10000+</h5>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-currency-usd me-3 icon-lg text-danger"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">电子会员</small>
                                                    <h5 class="me-2 mb-0">$577545</h5>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-eye me-3 icon-lg text-success"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">本月新增</small>
                                                    <h5 class="me-2 mb-0">9833550</h5>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-download me-3 icon-lg text-warning"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">今日新增</small>
                                                    <h5 class="me-2 mb-0">2233783</h5>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex py-3 border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-flag me-3 icon-lg text-danger"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">今日储值</small>
                                                    <h5 class="me-2 mb-0">3497843</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="sales" aria-labelledby="sales-tab" class="tab-pane fade" role="tabpanel">
                                        <div class="d-flex flex-wrap justify-content-xl-between">
                                            <div
                                                    class="d-none d-xl-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-calendar-heart icon-lg me-3 text-primary"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">预约人数</small>
                                                    <div class="dropdown">
                                                        <a id="dropdownMenuLinkA"
                                                           aria-expanded="false" aria-haspopup="true"
                                                           class="btn btn-secondary dropdown-toggle p-0 bg-transparent border-0 text-dark shadow-none font-weight-medium"
                                                           data-bs-toggle="dropdown"
                                                           href="#" role="button">
                                                            <h5 class="mb-0 d-inline-block">26 Jul 2018</h5>
                                                        </a>
                                                        <div aria-labelledby="dropdownMenuLinkA" class="dropdown-menu">
                                                            <a class="dropdown-item" href="#">12 Aug 2018</a>
                                                            <a class="dropdown-item" href="#">22 Sep 2018</a>
                                                            <a class="dropdown-item" href="#">21 Oct 2018</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-download me-3 icon-lg text-warning"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">到店人数</small>
                                                    <h5 class="me-2 mb-0">2233783</h5>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-eye me-3 icon-lg text-success"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">未到店人数</small>
                                                    <h5 class="me-2 mb-0">9833550</h5>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-currency-usd me-3 icon-lg text-danger"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">值班人员</small>
                                                    <h5 class="me-2 mb-0">$577545</h5>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex py-3 border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-flag me-3 icon-lg text-danger"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">Flagged</small>
                                                    <h5 class="me-2 mb-0">3497843</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="purchases" aria-labelledby="purchases-tab" class="tab-pane fade"
                                         role="tabpanel">
                                        <div class="d-flex flex-wrap justify-content-xl-between">
                                            <div
                                                    class="d-none d-xl-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-calendar-heart icon-lg me-3 text-primary"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">Start date</small>
                                                    <div class="dropdown">
                                                        <a id="dropdownMenuLinkA"
                                                           aria-expanded="false" aria-haspopup="true"
                                                           class="btn btn-secondary dropdown-toggle p-0 bg-transparent border-0 text-dark shadow-none font-weight-medium"
                                                           data-bs-toggle="dropdown"
                                                           href="#" role="button">
                                                            <h5 class="mb-0 d-inline-block">26 Jul 2018</h5>
                                                        </a>
                                                        <div aria-labelledby="dropdownMenuLinkA" class="dropdown-menu">
                                                            <a class="dropdown-item" href="#">12 Aug 2018</a>
                                                            <a class="dropdown-item" href="#">22 Sep 2018</a>
                                                            <a class="dropdown-item" href="#">21 Oct 2018</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-currency-usd me-3 icon-lg text-danger"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">Revenue</small>
                                                    <h5 class="me-2 mb-0">$577545</h5>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-eye me-3 icon-lg text-success"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">Total views</small>
                                                    <h5 class="me-2 mb-0">9833550</h5>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-download me-3 icon-lg text-warning"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">Downloads</small>
                                                    <h5 class="me-2 mb-0">2233783</h5>
                                                </div>
                                            </div>
                                            <div
                                                    class="d-flex py-3 border-md-right flex-grow-1 align-items-center justify-content-center p-3 item">
                                                <i class="mdi mdi-flag me-3 icon-lg text-danger"></i>
                                                <div class="d-flex flex-column justify-content-around">
                                                    <small class="mb-1 text-muted">Flagged</small>
                                                    <h5 class="me-2 mb-0">3497843</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-7 grid-margin stretch-card">
                        <div class="card">
                            <div class="card-body">
                                <p class="card-title">会员统计</p>
                                <p class="mb-4">To start a blog, think of a topic about and first brainstorm party is
                                    ways to write
                                    details</p>
                                <div id="cash-deposits-chart-legend" class="d-flex justify-content-center pt-3"></div>
                                <canvas id="cash-deposits-chart"></canvas>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5 grid-margin stretch-card">
                        <div class="card">
                            <div class="card-body">
                                <p class="card-title">会员消费数据</p>
                                <h1>$ 28835</h1>
                                <h4>Gross sales over the years</h4>
                                <p class="text-muted">Today, many people rely on computers to do homework, work, and
                                    create or store
                                    useful information. Therefore, it is important </p>
                                <div id="total-sales-chart-legend"></div>
                            </div>
                            <canvas id="total-sales-chart"></canvas>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 stretch-card">
                        <div class="card">
                            <div class="card-body">
                                <p class="card-title">Recent Purchases</p>
                                <div class="table-responsive">
                                    <table id="recent-purchases-listing" class="table">
                                        <thead>
                                        <tr>
                                            <th>Name</th>
                                            <th>Status report</th>
                                            <th>Office</th>
                                            <th>Price</th>
                                            <th>Date</th>
                                            <th>Gross amount</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>Jeremy Ortega</td>
                                            <td>Levelled up</td>
                                            <td>Catalinaborough</td>
                                            <td>$790</td>
                                            <td>06 Jan 2018</td>
                                            <td>$2274253</td>
                                        </tr>
                                        <tr>
                                            <td>Alvin Fisher</td>
                                            <td>Ui design completed</td>
                                            <td>East Mayra</td>
                                            <td>$23230</td>
                                            <td>18 Jul 2018</td>
                                            <td>$83127</td>
                                        </tr>
                                        <tr>
                                            <td>Emily Cunningham</td>
                                            <td>support</td>
                                            <td>Makennaton</td>
                                            <td>$939</td>
                                            <td>16 Jul 2018</td>
                                            <td>$29177</td>
                                        </tr>
                                        <tr>
                                            <td>Minnie Farmer</td>
                                            <td>support</td>
                                            <td>Agustinaborough</td>
                                            <td>$30</td>
                                            <td>30 Apr 2018</td>
                                            <td>$44617</td>
                                        </tr>
                                        <tr>
                                            <td>Betty Hunt</td>
                                            <td>Ui design not completed</td>
                                            <td>Lake Sandrafort</td>
                                            <td>$571</td>
                                            <td>25 Jun 2018</td>
                                            <td>$78952</td>
                                        </tr>
                                        <tr>
                                            <td>Myrtie Lambert</td>
                                            <td>Ui design completed</td>
                                            <td>Cassinbury</td>
                                            <td>$36</td>
                                            <td>05 Nov 2018</td>
                                            <td>$36422</td>
                                        </tr>
                                        <tr>
                                            <td>Jacob Kennedy</td>
                                            <td>New project</td>
                                            <td>Cletaborough</td>
                                            <td>$314</td>
                                            <td>12 Jul 2018</td>
                                            <td>$34167</td>
                                        </tr>
                                        <tr>
                                            <td>Ernest Wade</td>
                                            <td>Levelled up</td>
                                            <td>West Fidelmouth</td>
                                            <td>$484</td>
                                            <td>08 Sep 2018</td>
                                            <td>$50862</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- content-wrapper ends -->
            <!-- partial:partials/_footer.html -->
            <footer class="footer">
                <div class="d-sm-flex justify-content-center justify-content-sm-between">
            <span class="text-muted text-center text-sm-left d-block d-sm-inline-block">Copyright © <a
                    href="https://www.bootstrapdash.com/" target="_blank">bootstrapdash.com </a>2021</span>
                    <span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Only the best <a
                            href="https://www.bootstrapdash.com/"
                            target="_blank"> Bootstrap dashboard </a> templates</span>
                </div>
            </footer>
        </div>
    </div>
</div>
<script src="vendors/base/vendor.bundle.base.js"></script>
<script src="vendors/chart.js/Chart.min.js"></script>
<script src="vendors/datatables.net/jquery.dataTables.js"></script>
<script src="vendors/datatables.net-bs4/dataTables.bootstrap4.js"></script>
<script src="js/off-canvas.js"></script>
<script src="js/hoverable-collapse.js"></script>
<script src="js/template.js"></script>
<script src="js/dashboard.js"></script>
<script src="js/data-table.js"></script>
<script src="js/jquery.dataTables.js"></script>
<script src="js/dataTables.bootstrap4.js"></script>
<script src="js/layui.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<script>
    document.getElementById('indexTime').valueAsDate = new Date()
</script>
</body>

</html>